<template>
  <view class="iconRow">
    <l-card type="cover" l-class="card" image="../../static/images/hot.png"><view class="content">热度</view></l-card>
    <l-card type="cover" l-class="card" image="../../static/images/medal.png"><view class="content">达人</view></l-card>
    <l-card type="cover" l-class="card" image="../../static/images/rank.png"><view class="content">征服榜</view></l-card>
  </view>
</template>

<script>
  export default {
    name: 'HomeIcon'
  }
</script>

<style lang="stylus">
  .iconRow
    display flex
    margin-top 80rpx
    padding-left 80rpx
    .card
      display flex
      flex-direction column
      padding-top 20rpx
      padding-bottom 20rpx
      height 134rpx
      width 134rpx
      mode aspectFill
      margin-right 100rpx
      border-radius .3rem
      border 1px solid #66CCFF !important
      .content
        font-size 16rpx
        line-height 100%
        text-align: center
        color #66CCFF
</style>
